<!DOCTYPE html>
<html>

<!--
    author: @simurai
    info: http://simurai.com/post/4719656959/cursor-monster
-->

<head>
	<title>Cursor Monster</title>
	<meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="monster.css"/>
    <link rel="stylesheet" href="footer.css"/>
</head>

<body>
	
	
	<header>
		<h1>Can haz ur <span>Cursor?</span></h1>
	</header>    
    
    
	<div id="wrapper" class="sleep">
		
		<div id="monster">
			<div class="eye"><div class="lid"></div></div>
			<div class="eye"><div class="lid"></div></div>
			<div id="mouth"></div>
		</div>
				
	</div>
	
	
	
	<!-- Footer --------------------------------------- -->
    
    <div id="footer">
            
        <h1>Feed the Cursor Monster</h1>
        <nav class="links">
            <a href="http://simurai.com/post/4719656959/cursor-monster">WUT?</a>
        </nav>
        
        <img class="screenshot" src="screenshot.jpg" alt="Cursor Monster">
        
        <div class="social">
            
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="simurai" data-count="none">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            
            <g:plusone size="medium" annotation="none"></g:plusone>            
            <script type="text/javascript">
              (function() {
                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                po.src = 'https://apis.google.com/js/plusone.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
              })();
            </script>
            
        </div>
        
        <nav class="stamp">
            <div class="ink"></div>
        </nav>
        
    </div>
	
	
	
	<!--Audio-->
	<audio id="audio-ohh" preload="preload"><source src="audio/ohh.ogg" /><source src="audio/ohh.mp3" /><source src="audio/ohh.wav" /></audio>
	<audio id="audio-snap" preload="preload"><source src="audio/snap.ogg" /><source src="audio/snap.mp3" /><source src="audio/snap.wav" /></audio>
	
	<!--JS-->	
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="engine.js"></script>
	
	<!-- Google --------------------------------------- -->
	<script type="text/javascript">
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-599923-1']);
	  _gaq.push(['_setDomainName', 'simurai.com']);
	  _gaq.push(['_trackPageview']);
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	</script><!--/ Google -->

</body>
</html>